<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <style>
     .header{
       width:  988px;
       height: 100px;
       margin: 0 auto;
       background-color: orange;
     }
     .content{
       width:  988px;
       height: 400px;
       margin: 0 auto;
       background-color: green;
     }
     .footer{
       width:  988px;
       height: 100px;
       margin: 0 auto;
       background-color: yellow;
     }
   </style>
</head>
<body>
  <div class="header">
    <div class="logo"></div>
    <div class="nav"></div>
  </div>
  <div class="content"></div>
  <div class="footer"></div>

</body>
</html>